<template>
  <div class="textSearch">
    <!-- 历史搜索 -->
    <div class="history">
      <div class="history_title">历史搜索</div>
      <div class="history_list">
        <span>米线</span>
      </div>
    </div>
    <!-- 搜索发现 -->
    <div class="search_discover">
      <div class="discover_title">搜索发现</div>
      <div class="discover_list">
        <span>麻辣烫</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  date() {
    return {
      historyList: ["三文鱼", "米线", "酸辣粉", "烤全羊", "肉夹馍"],
      discoverList: ["三文鱼", "米线", "酸辣粉", "烤全羊", "肉夹馍"]
    };
  },
};
</script>

<style lang="scss" scoped>
.history_title,
.discover_title {
  font-weight: bold;
}
.history_list,
.discover_list {
  width: 80px;
  height: 25px;
  text-align: center;
  border-radius: 10px;
  background-color: #ccc;
}
</style>
